/* 头部第一行 */
.top{
    background-color: black;
    height: 28px;
}
.top>.wrap>.website,.register{
    text-align: center;
    line-height: 28px;
}
/*头部网址 */
.top>.wrap>.website{
    color: white;
    padding-left:200px;
}
/*  注册 */
.top>.wrap>.register{
    color: white;
     
}
.top>.wrap>.register a{
color: orange;
}
/*头部第二行 */
/*logo图标  */
.wrap{
    position: relative;
}
.wrap>.logo{
    height: 113px;
    width: 200px;
    position: absolute;
    top: -28px;
}
/* 右边搜索框和购物车 */
.wrap>.rgihtShopping{
    width: 700px;
    height: 36px;
    /* background-color: orange; */
    margin-top: 2px;
}
/* 右边 搜索框 */
.wrap>.rgihtShopping>.Searchbox{
    width: 440px;
    height: 36px;
    position: relative;
   
}
/*input框  */
.wrap>.rgihtShopping>.Searchbox>input{
    width: 388px;
    height: 30px;
    outline:none; 
    border-right: 0px;
    border:3px solid orange;
    /* background-color: red; */
    /* border-radius: 50%; */
}
/*图片 */
.wrap>.rgihtShopping>.Searchbox>.img{
    width: 50px;
    height: 36px;
    position: absolute;
    top: 0px;
    right: -2px;
    cursor: pointer;
    /* background-color: orange; */
    background-image: url("../imgs/bgicon.png");
}
/* 购物车和我的订单 */
.wrap>.rgihtShopping>.rgihtShoppinglogo{
    width: 200px;
    height: 36px;
}
/* 购物车 */
.wrap>.rgihtShopping>.rgihtShoppinglogo>.Shoppinglogo{
    width: 100px;
    height: 36px;
    background-color: #ff6600;
    
}
.wrap>.rgihtShopping>.rgihtShoppinglogo>.Shoppinglogo>.img{
    width: 34px;
    height: 36px;
    background-image: url("../imgs/bgicon.png");
    background-position-y:158px;
    /* margin: auto; */
}
.wrap>.rgihtShopping>.rgihtShoppinglogo>.Shoppinglogo>.text{
    width: 66px;
	height: 36px;
	font-family: SimHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #ffffff;
    line-height: 36px;
}
/*我的订单  */
.wrap>.rgihtShopping>.rgihtShoppinglogo>.Myorder{
    width: 100px;
    height: 36px;
    background-color: #ebebeb;
	font-family: SimHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #808080;
    text-align: center;
    line-height: 36px;
}
/* <!--下面的文字导览  --> */
.wrap>.rgihtShopping>.words{
    width: 900px;
    /* height: 200px; */
    position: absolute;
    left: 211px;
     top:68px; 
    
}
/* a标签 */
.wrap>.rgihtShopping>.words a{
    padding-right: 41px;
    font-weight: bold;
}
/* <!-- 轮播和子菜单 --> */
.cenner>.wrap{
    /* width: 1200px; */
    height: 430px;
   /* background-color: orange; */
   margin-top: 47px;
}
/* 子菜单 */
.cenner>.wrap>.Submenu{
    width: 200px;
    height: 430px;
/* background-color: red; */
}
/* ul样式 */
.cenner>.wrap>.Submenu>.navbox{
    background-color:#f3f3f3 ;
    position: relative;
}
/* a样式 */
.cenner>.wrap>.Submenu>.navbox>li>p>a{
    text-emphasis: none;
    /* font-size: 18px; */
}
/* li样式 */
.cenner>.wrap>.Submenu>.navbox>li{
    width: 200px;
    height: 30px;
    border: 1px solid transparent;
    border-right: 0px;
    list-style: none;
    line-height: 30px;
}
/* p样式 */
/* .cenner>.wrap>.Submenu>.navbox>li>p{
    width: 208px;
    height: 30px;
    line-height: 30px;
    /* border: 1px solid red; */
    /* text-align: center; */
    /* background-color:white; */
    
    /* margin: 50px; */
/* } */ 
/*激活li标签的状态同时修改p标签的样式 */
.cenner>.wrap>.Submenu>.navbox>li.active>p{
    width: 208px;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 10;
}
/* 激活li标签的状态 */
.cenner>.wrap>.Submenu>.navbox>li.active{
    background-color: #fff;
    border:1px solid orange;
}
/* 激活li标签的状态 同时显示子菜单*/
.cenner>.wrap>.Submenu>.navbox>li.active>.cd{
    display: block;

}
/* 子菜单内容 */
.cenner>.wrap>.Submenu>.navbox>li>.cd{
    width: 779px;
	height: 492px;
	/* background-color: #ffffff; */
    border: solid 1px #ff6600;
    background-color: #fff;
    position: absolute;
    left: 179px;
    top: 0px;
    display: none;
    /* border: 1px solid red; */
    z-index: 3;
    /* background-color: rgba(0,0,0,0.3); */
    /* text-align: center; */
    font-size: 14px;
    /* font-weight: bold; */
    /* color: red; */
}
/*子菜单内容头部文字  */
.cenner>.wrap>.Submenu>.navbox>li.active>.cd>.toptext>a{
 padding-left: 50px;
}
/*子菜单内容li样式  */
.cenner>.wrap>.Submenu>.navbox>li.active>.cd>ul>li{
    width: 472px;
    height: 39px;
    margin-left: 50px;
    /* line-height: 39px; */
    margin-top: 15px;
}
.cenner>.wrap>.Submenu>.navbox>li.active>.cd>ul>li>p:nth-of-type(1){
    color: #ff6600;
    font-size: 14px;
}
.cenner>.wrap>.Submenu>.navbox>li.active>.cd>ul>li>p:nth-of-type(2){
    font-size: 12px;
    color: #262626;
}




/* 轮播图 */
.cenner>.wrap>.lun{
    width: 1000px;
    height: 400px;
}
.cenner>.wrap>.lun>.btns{
    position: absolute;
        width: 1000px;
        height: 30px;
        background-color: rgba(0,0,0,0.3);
        bottom: 0px;
        text-align: center;
        line-height: 30px;
}
.cenner>.wrap>.lun>.btns a{
    display: inline-block;
        width: 30px;
        height: 30px;
        background-color: #ccc;
        font-size: 12px;
        border-radius: 50%;
        cursor: pointer;
     user-select: none;

}
.cenner>.wrap>.lun>.btns a.on{
    background-color: red;
}
.cenner>.wrap>.lun>.imgs img{
    display: none;
}
.cenner>.wrap>.lun>.imgs img.current{
    display: block;
}
.cenner>.wrap>.lun>.leftbtn{
    position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-color:rgba(250, 250, 250, 0.3);
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  /* 不让用户选择 */
  user-select: none;
}
.cenner>.wrap>.lun>.rightbtn{
position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-color:rgba(250, 250, 250, 0.3);
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  right: 0px;
  user-select: none;
    }


    /* 乐购·今日推荐 */
    .Recommended>.wrap{
        /* width: 1200px; */
        height: 531px;
        /* background-color: orange; */
        margin-top: 33px;
    }
    /*乐购·今日推荐这几个字  */
    .Recommended>.wrap>.text{
    width: 168px;
	height: 24px;
	font-family: SimHei;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #ff6600;
    margin-bottom: 9px;
    }
    /* 线 */
    .Recommended>.wrap>.text>.Line{
        border-bottom: 6px solid #ff6600;
        width: 1200px;
        /* margin-bottom: 9px; */
    }
    /*内容  */
    /* 每个盒子 */
    .Recommended>.wrap>.box>.boximg{
        /* margin-top: px; */
        border: 1px solid orange;
        width: 198px;
         height:250px ;
         position: relative;
         cursor: pointer;
     user-select: none;
    }
    /* 盒子里的图片 */
    .Recommended>.wrap>.box>.boximg>img{
          width: 150px;
          height: 150px;
          position: relative;
          right: -23px;
          /* cursor: pointer; */
    } 
    .Recommended>.wrap>.box>.boximg>p:nth-of-type(3){
        color: #f4290d;
    }
    .Recommended>.wrap>.box>.boximg>p:nth-of-type(4){
        font-size: 24px;
        color: #f4290d;
    }


    /* 图书 电子书 部分 */
    .books>.wrap{
        height: 453px;
    }
    /*头部字体  */
   .books>.wrap>.bookstext{
       width: 904px;
       height: 40px;
   }
   /* 线 */
   .books>.wrap>.bookstext>.Line{
       position: relative;
       bottom: -41px;
        border-bottom: 6px solid #ff6600;
        width: 904px;
   }
   .books>.wrap>.bookstext>.text{
    width: 154px;
	height: 26px;
	font-family: SimHei;
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
   }
  /* 按钮 */
  .books>.wrap>.bookstext>.booksbtn{
      width: 294px;
      height: 34px;
  }
   .books>.wrap>.bookstext>.booksbtn>ul li{
    width: 98px;
    height: 34px;
    /* background-color: #ff6600; */
    border: 0px;
    /* display: none; */
    text-align: center;
    line-height: 34px;
   }
   .books>.wrap>.bookstext>.booksbtn>ul li.on{
       display: block;
    background-color: orange;

   }

   /* 下面最左边的盒子 */
   .books>.wrap>.leftbox{
       width: 904px;
       height: 439px;
       /* background-color: orange; */
       margin-top: 7px;
       display: none;
   }
   .books>.wrap>.leftbox.currentt{
       display: block;
   }
/* 下面的字 */
.books>.wrap>.leftbox>.leftboxtext{
    width: 238px;
    height: 150px;
    background-color: #f9f9f9;
}
/* 下面的字下面的p标签 */
.books>.wrap>.leftbox>.leftboxtext>p{
    line-height:39px;
    /* text-align: center; */
    /* padding-right: 10px; */
    /* margin-right: 10px; */
}
.books>.wrap>.leftbox>.leftboxtext>p>a{
    margin-right: 22px;
}
/* 下面第二个盒子 */
.books>.wrap>.leftbox>.bookslun{
    width: 330px;
    height: 216px;
    position: relative;
    top: -436px;
    left: 237px;
}
.books>.wrap>.leftbox>.bookslun>.bookimgs{
    width: 335px;
    height: 220px;
}
.books>.wrap>.leftbox>.bookslun>.booksbtns{
    position: absolute;
    width: 330px;
    height: 30px;
    /* background-color: rgba(0,0,0,0.3); */
    bottom: 0px;
    text-align: center;
    line-height: 30px;
}
.books>.wrap>.leftbox>.bookslun>.booksbtns a{
    display: inline-block;
    width: 30px;
    height: 30px;
    /* background-color: #ccc; */
    /* font-weight: bold; */
    /* border-radius: 50%; */
    cursor: pointer;
    user-select: none;

}
.books>.wrap>.leftbox>.bookslun>.booksbtns a.ons{
    color: red;
}

.books>.wrap>.leftbox>.bookslun>.bookimgs img{
    display: none;
}
.books>.wrap>.leftbox>.bookslun>.bookimgs img.currents{
    display: block;
}
.books>.wrap>.leftbox>.bookslun>.leftbtns{
    position: absolute;
    top: 20%;
    width: 36px;
    height: 70px;
    margin-top: 17px;
    /* background-color:rgba(250, 250, 250, 0.3); */
    background-color: #000000;
    opacity: 0.2;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    /* 不让用户选择 */
    user-select: none;
    /* background-color: red; */
}
.books>.wrap>.leftbox>.bookslun>.rightbtns{
    position: absolute;
    top: 20%;
    left: 89%;
    width: 36px;
    height: 70px;
    margin-top: 17px;
    /* background-color:rgba(250, 250, 250, 0.3); */
    background-color: #000000;
    opacity: 0.2;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    right: 0px;
    user-select: none;
    /* background-color: red; */

}
/* 第二个盒子下面 */

.books>.wrap>.leftbox>.bookslun>.box{
width: 336px;
height: 221px;
/* background-color: red; */
/* margin-top: 6px; */
}
.books>.wrap>.leftbox>.bookslun>.box>.xbox{
    width: 164px;
    height: 215px;
    background-color: #fff;
	border: solid 1px #cccccc;
  line-height: 29px;
  user-select: none;
  /* z-index: 1px; */
}
.books>.wrap>.leftbox>.bookslun>.box>.xbox>p:nth-of-type(1){
    color: #f4290d;
}
.books>.wrap>.leftbox>.bookslun>.box>.xbox>p:nth-of-type(2){
    color: #f4290d;
}

.books>.wrap>.leftbox>.box1{
    width: 336px;
    height: 221px;
    /* background-color: red; */
    /* margin-top: 12px; */
    margin-left: 6px;
    }
    .books>.wrap>.leftbox>.box1>.xbox{
        width: 166px;
        height: 217px;
        background-color: #fff;
        border: solid 1px #cccccc;
      line-height: 29px;
      user-select: none;
      position: relative;
      left: 232px;
      top: -436px;
      /* z-index: 1px; */
    }
    .books>.wrap>.leftbox>.box1>.xbox>p:nth-of-type(1){
        color: #f4290d;
    }
    .books>.wrap>.leftbox>.box1>.xbox>p:nth-of-type(2){
        color: #f4290d;
    }

    /* 右边的 */
    .books>.wrap>.browse{
        width: 280px;
	    height: 438px;
        /* background-color: red; */
        margin-left: 7px;
        background-color: #ffffff;
        border: solid 2px #e5e5e5;
        position: relative;
    }
    .books>.wrap>.browse>.browsenav>li>p{
        border-bottom: 2px solid #e6e6e6;
        line-height: 33px;
        /* margin-top: 50px; */
        /* margin-bottom: 0px; */
        /* text-align: center; */
       padding-left: 20px;
    }
    .books>.wrap>.browse>.browsenav{
        margin-top: 192px;
    }
    /* 子菜单内容 */
    .books>.wrap>.browse>.browsenav>li>.zcd{
        width: 274px;
        height: 192px;
        position: absolute;
            top: 9px;
            right: -8px;
            display: none;
    }
    /* .books>.wrap>.browse>.browsenav>li.active{
        display: none;
    } */
    .books>.wrap>.browse>.browsenav>li.active>.zcd{
        display: block;
    }
    .books>.wrap>.browse>.browsenav>li>.zcd>p{
        font-weight: bold;
        font-size: 20px;
        text-align: center;
    }
    .books>.wrap>.browse>.browsenav>li>.zcd>.rightbookzi{
        width: 274px;
        height: 150px;
        
    }
    .books>.wrap>.browse>.browsenav>li>.zcd>.rightbookzi>.imgs{
        width: 133px;
        height: 150px;
    }
    .books>.wrap>.browse>.browsenav>li>.zcd>.rightbookzi>.text{
              width: 99px;
             height: 115px;
            /* line-height: 150px; */
            margin-top: 9px;
            /* font-size: 14px; */
            color: #404040; 
    }



    /*clothing服装  */
    .clothing{
        margin-top: 60px;
    }
    .clothing>.wrap{
        height:600px;
        /* background-color: red; */
    }
    /* 上面的字 */
    .clothing>.wrap>.topbox{
           height: 40px;
    }
    .clothing>.wrap>.bigbox{
        display: none;
    }
    .clothing>.wrap>.bigbox.active{
        display: block;
    }
    /*  上面的字p*/
    .clothing>.wrap>.topbox>p{
        width: 60px;
           height: 26px;
           font-size: 28px;
           color: #333333;
    }
    /*  上面的字btns*/
    .clothing>.wrap>.topbox>.btns{
        width: 300px;
    }

    /*上面的字btns li  */
    .clothing>.wrap>.topbox>.btns>ul li{
        /* font-weight: bold; */
        font-size: 20px;
        width: 100px;
        height: 40px;
    }
    .clothing>.wrap>.topbox>.btns>ul li.ono{
        display: block;
         background-color: orange;
    }
    /* 线   Line*/
    .clothing>.wrap>.topbox>.Line{
        border-bottom:6px solid orange ;
        position: relative;
        bottom: -35px;
    }
    /* 左边盒子 */
    .clothing>.wrap>.bigbox>.leftbox{
        height: 521px;
        width: 237px;
    }
    .clothing>.wrap>.bigbox>.cennerbox{
        width: 430px;
        height: 500px;
    }
    .clothing>.wrap>.bigbox>.leftbox>.text>p{
        line-height:39px;
    }
    .clothing>.wrap>.bigbox>.leftbox>.text>p>a{
        margin-right: 22px;
    }
    .clothing>.wrap>.bigbox>.cennerbox>.pptbox>.controls{
        position: absolute;
        top: 324px;
    }
    /*轮播图下面的东西  */
    .clothing>.wrap>.bigbox>.cennerbox>.img{
        width: 443px;
	    height: 164px;
    }
    .clothing>.wrap>.bigbox>.rightbox>.rightbox1>div{
        /* border: 1px solid ; */
        background-color: #838383;
	border: solid 1px #cccccc;
    }
    /*下面图片  */
    .clothing>.wrap>.bottonbox>a{
        margin-left: 30px;
    }


/* outdoor  户外 */
    .outdoor{
        margin-top: 60px;
    }
    .outdoor>.wrap{
        height:600px;
        /* background-color: red; */
    }
    /* 上面的字 */
    .outdoor>.wrap>.topbox{
           height: 40px;
    }
    .outdoor>.wrap>.bigbox{
        display: none;
    }
    .outdoor>.wrap>.bigbox.active{
        display: block;
    }
    /*  上面的字p*/
    .outdoor>.wrap>.topbox>p{
        width: 60px;
           height: 26px;
           font-size: 28px;
           color: #333333;
    }
    /*  上面的字btns*/
    .outdoor>.wrap>.topbox>.btns{
        width: 300px;
    }

    /*上面的字btns li  */
    .outdoor>.wrap>.topbox>.btns>ul li{
        /* font-weight: bold; */
        font-size: 20px;
        width: 100px;
        height: 40px;
    }
    .outdoor>.wrap>.topbox>.btns>ul li.onoo{
        display: block;
         background-color: orange;
    }
    /* 线   Line*/
    .outdoor>.wrap>.topbox>.Line{
        border-bottom:6px solid orange ;
        position: relative;
        bottom: -35px;
    }
    /* 左边盒子 */
    .outdoor>.wrap>.bigbox>.leftbox{
        height: 521px;
        width: 237px;
    }
    .outdoor>.wrap>.bigbox>.cennerbox{
        width: 430px;
        height: 500px;
    }
    .outdoor>.wrap>.bigbox>.leftbox>.text>p{
        line-height:39px;
    }
    .outdoor>.wrap>.bigbox>.leftbox>.text>p>a{
        margin-right: 22px;
    }
    .outdoor>.wrap>.bigbox>.cennerbox>.pptbox>.controls{
        position: absolute;
        top: 324px;
    }
    /*轮播图下面的东西  */
    .outdoor>.wrap>.bigbox>.cennerbox>.img{
        width: 443px;
	    height: 164px;
    }
    .outdoor>.wrap>.bigbox>.rightbox>.rightbox1>div{
        /* border: 1px solid ; */
        background-color: #838383;
	border: solid 1px #cccccc;
    }
    /*下面图片  */
    .outdoor>.wrap>.bottonbox>a{
        margin-left: 30px;
    }

/* Children  */
    .Children{
        margin-top: 60px;
    }
    .Children>.wrap{
        height:600px;
        /* background-color: red; */
    }
    /* 上面的字 */
    .Children>.wrap>.topbox{
           height: 40px;
    }
    .Children>.wrap>.bigbox{
        display: none;
    }
    .Children>.wrap>.bigbox.active{
        display: block;
    }
    /*  上面的字p*/
    .Children>.wrap>.topbox>p{
        width: 60px;
           height: 26px;
           font-size: 28px;
           color: #333333;
    }
    /*  上面的字btns*/
    .Children>.wrap>.topbox>.btns{
        width: 300px;
    }

    /*上面的字btns li  */
    .Children>.wrap>.topbox>.btns>ul li{
        /* font-weight: bold; */
        font-size: 20px;
        width: 100px;
        height: 40px;
    }
    .Children>.wrap>.topbox>.btns>ul li.onooo {
        display: block;
         background-color: orange;
    }
    /* 线   Line*/
    .Children>.wrap>.topbox>.Line{
        border-bottom:6px solid orange ;
        position: relative;
        bottom: -35px;
    }
    /* 左边盒子 */
    .Children>.wrap>.bigbox>.leftbox{
        height: 521px;
        width: 237px;
    }
    .Children>.wrap>.bigbox>.cennerbox{
        width: 430px;
        height: 500px;
    }
    .Children>.wrap>.bigbox>.leftbox>.text>p{
        line-height:39px;
    }
    .Children>.wrap>.bigbox>.leftbox>.text>p>a{
        margin-right: 22px;
    }
    .Children>.wrap>.bigbox>.cennerbox>.pptbox>.controls{
        position: absolute;
        top: 324px;
    }
    /*轮播图下面的东西  */
    .Children>.wrap>.bigbox>.cennerbox>.img{
        width: 443px;
	    height: 164px;
    }
    .Children>.wrap>.bigbox>.rightbox>.rightbox1>div{
        /* border: 1px solid ; */
        background-color: #838383;
	border: solid 1px #cccccc;
    }
    /*下面图片  */
    .Children>.wrap>.bottonbox>a{
        margin-left: 30px;
    }